/**
 *  Valiadtion des formulaires via 
 *  jQuery validationEngine
 */
jQuery(document).ready(function() {
    $(".inscription").validationEngine({
    });
    $(".livre").validationEngine({
    });
    $(".contact").validationEngine({
    });
    $("#connexion").validationEngine({
    });
});

function ajoutAuPanier(id, titre, isbn, prix)
{
    var qte = $("#livre_" + id).val();
    var urlPage = "http://localhost/NFE102/application/controleur/ajoutPanier.php";
    req = {'id': id, 'titre': titre, 'isbn': isbn, 'prix': prix, 'qte': qte};
    $.ajax({
        type: "POST",
        url: urlPage,
        dataType: "json",
        data: req,
        success: function(result) {
            flashMessage('infos', result);
        }
    });
}

/**
 * Affiche des messages d'erreur, de success ou d'infos
 * 
 * @param <String> Le type du message (success, error ou infos)
 * @param <String> Le message à afficher
 */
function flashMessage(type, message) {
    //On créer un conteneur
    var div = $("<div>")
            .attr("id", "myFlashMessage")
            .addClass("fm-" + type)
            .css("left", "50%")
            .css("display", "none")
            .html(message)
            .css("top", 100 + document.body.scrollTop)
            .appendTo(document.body);

    //A interval régulier, on replace le conteneur à 100px du haut de l'écran
    var interval = setInterval(function() {
        div.css("top", 100 + document.body.scrollTop);
    }, 500);

    //On créer l'animation d'affichage / disparition
    if ($(div).slideDown(800)) {
        setTimeout(function() {
            $(div).fadeOut(800, function() {
                clearInterval(interval);
            });
        }, 5000);
    }
}